<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>视图与模型之间的双向绑定</title>
</head>
<body>

<div id="app">
    <input type="checkbox" value="寒冰" v-model="hero"> 寒冰 <br>
    <input type="checkbox" value="瑞兹" v-model="hero"> 瑞兹 <br>
    <input type="checkbox" value="盖伦" v-model="hero"> 盖伦 <br>
    <input type="checkbox" value="剑圣" v-model="hero"> 剑圣 <br>
    <input type="checkbox" value="锤石" v-model="hero"> 锤石 <br>

    <hr>
    你玩过哪些英雄：{{hero.join()}}
</div>



<script src="./node_modules/vue/dist/vue.js"></script>
<script>
    let vue = new Vue({
        el:"#app",
        data:{
            hero:[]
        }
        // created(){
        //     let result = window.prompt("请输入信息",0)
        //     console.log(result)
        // }

    })

</script>
</body>
</html>